<template>
  <div class="root">
    <div class="download" @click="downloadPdf('json')">下载pdf</div>
    <canvas
      ref="pdfCanvas"
      v-for="(item, index) in maxRenderPdfNum"
      :key="index"
      class="pdfCanvas"
    ></canvas>
  </div>
  <!-- <van-button @click="load">DOWNLOAD</van-button> -->
</template>

<script setup lang="js">
  import { usePdfToCanvas } from './hooks';
  const { downloadPdf, pdfCanvas, maxRenderPdfNum } = usePdfToCanvas();
</script>

<style scoped lang="less">
  .root {
    /* .pdfCanvas {
      width: 100%;
      height: 100%;
    } */
  }
</style>
